import React from 'react';
import AppLayout from '../layout/AppLayout';
import { NetPyNESynapses } from '../components';
import './form.css';

export default function SynMechs() {
  return (
    <AppLayout
      title="NetPyNE - 突触机制"
      active="模型"
      chips={[
        { label: '突触机制', primary: true, closable: false },
        { label: '群体', closable: true },
        { label: '连接规则', closable: true },
        { label: '刺激源', closable: true },
      ]}
    >
      <div style={{ padding: '20px', height: '100%', background: '#f5f7fa' }}>
        <div style={{
          background: 'white',
          borderRadius: '8px',
          padding: '24px',
          boxShadow: '0 1px 3px rgba(0,0,0,0.1)',
          height: '100%'
        }}>
          <div style={{ marginBottom: '16px' }}>
            <h2 style={{ margin: 0, fontSize: '20px', fontWeight: 600, color: '#1a1a1a' }}>
              突触机制 (Synaptic Mechanisms)
            </h2>
            <p style={{ margin: '8px 0 0 0', fontSize: '14px', color: '#666' }}>
              定义突触的动力学特性，包括AMPA、NMDA、GABA等突触类型
            </p>
          </div>
          <NetPyNESynapses />
        </div>
      </div>
    </AppLayout>
  );
}

